<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
    <!-- <base href="./Home/"> -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<link href="css/public.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/TouchSlide.1.1.js"></script>

</head>
<body class="graybody">
    <header class="indexHeader_x">
        <a href="javascript:;" class="yuyin"><img src="images/kf_ico.png" ></a>
        <div class="input_div logo_img">
        	<img src="images/logo_index.png" alt="" />
        </div>
        <!-- 搜索
            如果没有结果 调到 01-搜索无结果页面
         -->
        <a href="search" class="kefu"><img src="images/search_index.png" ></a>
    </header>
<div class="empty45"></div>

<!-- banner-->
	<div id="focus" class="focus">
		<div class="hd">
			<ul></ul>
		</div>
        <div class="bd">
            <ul>
                <li><a href="#"><img src="images/banner1.jpg" /></a></li>
                <li><a href="#"><img src="images/banner1.jpg" /></a></li>
                <li><a href="#"><img src="images/banner1.jpg" /></a></li>
                <li><a href="#"><img src="images/banner1.jpg" /></a></li>
                <li><a href="#"><img src="images/banner1.jpg" /></a></li>
                <li><a href="#"><img src="images/banner1.jpg" /></a></li>
                <li><a href="#"><img src="images/banner1.jpg" /></a></li>
            </ul>
        </div>
	</div>
	<script type="text/javascript">
		TouchSlide({ 
			slideCell:"#focus",
			titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
			mainCell:".bd ul", 
			effect:"leftLoop", 
			autoPlay:true,//自动播放
			autoPage:true, //自动分页
			switchLoad:null //切换加载，真实图片路径为"_src" 
		});
	</script>
<!-- banner 结束-->
<!-- 快报 -->
	<div class="news_lunbo">
    	<div class="sc_news"><img src="images/sc_news.png" ></div>
        <div class="gonggao_cont">
            <ul class="gonggao_ul">
                <li><a href="kuaibao"><span class="fontcolor indexbordercolor">优惠</span>&nbsp;&nbsp;公司的宣传单页以及在公司的1</a></li>
                <li><a href="kuaibao"><span class="fontcolor indexbordercolor">优惠</span>&nbsp;&nbsp;公司的宣传单页以清单在公司的2</a></li>
                <li><a href="kuaibao"><span class="fontcolor indexbordercolor">优惠</span>&nbsp;&nbsp;公司的宣传单页费清单在公司的3公司的宣传单页费清单在公司的3公司的宣传单页费清单在公司的3</a></li>
            </ul>
        </div>
    </div>
    <!-- 商品分类 -->
    <nav class="nav_index">
        <ul class="navUl_index">
            <li>
                <a href="type_content">
                	<img src="images/nav_ico.png" >
                    <span>家具家装</span>
                </a>
            </li>
            <li>
                <a href="">
                	<img src="images/nav_ico2.png" >
                    <span>时尚女装</span>
                </a>
            </li>
            <li>
                <a href="">
                	<img src="images/nav_ico3.png" >
                    <span>品牌男装</span>
                </a>
            </li>
            <li>
                <a href="">
                	<img src="images/nav_ico4.png" >
                    <span>家电数码</span>
                </a>
            </li>
            <li>
                <a href="">
                	<img src="images/nav_ico5.png" >
                    <span>鞋包配饰</span>
                </a>
            </li>
            <li>
                <a href="">
                	<img src="images/nav_ico6.png" >
                    <span>运动健康</span>
                </a>
            </li>
            <li>
                <a href="">
                	<img src="images/nav_ico7.png" >
                    <span>美容护肤</span>
                </a>
            </li>
            <li>
                <a href="">
                	<img src="images/nav_ico8.png" >
                    <span>家居日用</span>
                </a>
            </li>
        </ul>
    </nav>
<!--特色推荐-->
	<div class="mer_div">
		<div class="mer_divT fontcolor">
			<h3 class="line_tie"><p class="left"><b></b></p><span class="tit_span"><b>特色推荐</b></span><p class="right"><b></b></p></h3>
		</div>
        <ul class="hotpro3ul clearafter whiteBg tesePro">
            <li>
                <a href="#">
                    <div><img src="images/hotpro3img1.jpg" width="100%" class="blockimg" /></div>
                    <div class="hotprotit"><b>初夏新宠</b><br/>万能百搭单品</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="hotprotit tese_left"><b>墨镜/手表</b><br/>万能百搭单品</div>
                    <div class="tese_right"><img src="images/hotpro3img1.jpg" width="100%" class="blockimg" /></div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="hotprotit tese_left"><b>初夏新宠</b><br/>万能百搭单品</div>
                    <div class="tese_right"><img src="images/hotpro3img1.jpg" width="100%" class="blockimg" /></div>
                </a>
            </li>
        </ul>
        <ul class="hotpro2ul clearafter whiteBg textAlign_left">
            <li>
                <a href="#">
                    <div><img src="images/hotpro2img1.jpg" width="100%" class="blockimg" /></div>
                    <div class="hotprotit"><b>生活百货</b><br/>优质好生活</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div><img src="images/hotpro2img1.jpg" width="100%" class="blockimg" /></div>
                    <div class="hotprotit"><b>生活百货</b><br/>优质好生活</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div><img src="images/hotpro2img1.jpg" width="100%" class="blockimg" /></div>
                    <div class="hotprotit"><b>生活百货</b><br/>优质好生活</div>
                </a>
            </li>

        </ul>
    </div>
	<div class="ad_index"><a href=""><img src="images/ad_img3.jpg" ></a></div>
<!--男女服装-->
	<div class="mer_div">
		<div class="mer_divT fontcolor">
			<h3 class="line_tie"><p class="left"><b></b></p><span class="tit_span"><b>男女服装</b></span><p class="right"><b></b></p></h3>
		</div>
		<div class="hotproduct">
        	<div class="hotproleft">
            	<a href="#">
            	<div class="hotprotit"><b>衬衫</b><br/>利落帅气 气场十足</div>
                <div class="hotproimgdiv"><img src="images/hotproimg1.jpg" width="100%" class="blockimg" /></div>
                </a>
            </div>
            <ul class="hotproright">
            	<li>
                	<a href="#">
                    <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                    <img src="images/hotproimg2.jpg" width="100%" class="blockimg" />
                    </a>
				</li>
                <li>
                	<a href="#">
                    <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                    <img src="images/hotproimg2.jpg" width="100%" class="blockimg" />
                    </a>
				</li>
                <li>
                	<a href="#">
                    <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                    <img src="images/hotproimg2.jpg" width="100%" class="blockimg" />
                    </a>
				</li>
                <li>
                	<a href="#">
                    <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                    <img src="images/hotproimg2.jpg" width="100%" class="blockimg" />
                    </a>
				</li>
            </ul>
            <div class="clear"></div>
        </div>
	</div>
	<div class="ad_index"><a href=""><img src="images/ad_img4.jpg" ></a></div>
<!--鞋包配饰-->
	<div class="mer_div">
		<div class="mer_divT fontcolor">
			<h3 class="line_tie"><p class="left"><b></b></p><span class="tit_span"><b>鞋包配饰</b></span><p class="right"><b></b></p></h3>
		</div>
        <div class="newpro whiteBg clearafter">
            <div class="newproLeft left">
                <div class="lTop"><img src="images/xiebao1.jpg" alt=""></div>
                <div class="lBottom">
                    <div class="bottomPic"><img src="images/xiebao2.jpg" alt=""></div>
                    <div class="bottomPic"><img src="images/xiebao3.png" alt=""></div>
                </div>
            </div>
            <div class="newproRight left">
                <div class="rLeft left">
                    <div class="rlTop"><img src="images/xiebao4.png" alt=""></div>
                    <div class="rlBottom"><img src="images/xiebao5.jpg" alt=""></div>
                </div>
                <div class="rRight left"><img src="images/xiebao6.jpg" alt=""></div>
            </div>
        </div>
	</div>
	<div class="ad_index"><a href=""><img src="images/ad_img5.jpg" ></a></div>

<!--美容护肤-->
	<div class="mer_div">
		<div class="mer_divT fontcolor">
			<h3 class="line_tie"><p class="left"><b></b></p><span class="tit_span"><b>美容护肤</b></span><p class="right"><b></b></p></h3>
		</div>
        <ul class="hotpro3ul clearafter whiteBg">
            <li>
                <a href="#">
                    <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                    <div class="hotpro3ulimg"><img src="images/hotpro3img2.jpg" width="100%" class="blockimg" /></div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                    <div class="hotpro3ulimg"><img src="images/hotpro3img2.jpg" width="100%" class="blockimg" /></div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="hotprotit"><b>初夏新宠</b><br/>万能百搭单品</div>
                    <img src="images/hotpro3img1.jpg" width="100%" class="blockimg" />
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="hotprotit"><b>墨镜/手表</b><br/>万能百搭单品</div>
                    <img src="images/hotpro3img1.jpg" width="100%" class="blockimg" />
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="hotprotit"><b>初夏新宠</b><br/>万能百搭单品</div>
                    <img src="images/hotpro3img1.jpg" width="100%" class="blockimg" />
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="hotprotit"><b>墨镜/手表</b><br/>万能百搭单品</div>
                    <img src="images/hotpro3img1.jpg" width="100%" class="blockimg" />
                </a>
            </li>
        </ul>
	</div>
    <div class="ad_index"><a href=""><img src="images/ad_img5.jpg" ></a></div>
<!--酒水美食-->
<div class="mer_div">
		<div class="mer_divT fontcolor">
			<h3 class="line_tie"><p class="left"><b></b></p><span class="tit_span"><b>酒水美食</b></span><p class="right"><b></b></p></h3>
		</div>
    <ul class="newproul clearafter whiteBg">
        <li>
            <a href="#">
                <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                <img src="images/newproimg1.jpg" width="100%" class="blockimg" />
            </a>
        </li>
        <li>
            <a href="#">
                <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                <img src="images/newproimg1.jpg" width="100%" class="blockimg" />
            </a>
        </li>
        <li>
            <a href="#">
                <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                <img src="images/newproimg1.jpg" width="100%" class="blockimg" />
            </a>
        </li>
        <li>
            <a href="#">
                <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                <img src="images/newproimg1.jpg" width="100%" class="blockimg" />
            </a>
        </li>
    </ul>
	</div>
    <div class="ad_index"><a href=""><img src="images/ad_img5.jpg" ></a></div>
    <!--家用电器-->
    <div class="mer_div">
        <div class="mer_divT fontcolor">
			<h3 class="line_tie"><p class="left"><b></b></p><span class="tit_span"><b>家用电器</b></span><p class="right"><b></b></p></h3>
        </div>
        <ul class="hotpro2ul clearafter whiteBg">
            <li>
                <a href="#">
                    <div class="hotprotit"><b>生活百货</b><br/>优质好生活</div>
                    <img src="images/hotpro2img1.jpg" width="100%" class="blockimg" />
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                    <img src="images/hotpro2img1.jpg" width="100%" class="blockimg" />
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                    <img src="images/hotpro2img1.jpg" width="100%" class="blockimg" />
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                    <img src="images/hotpro2img1.jpg" width="100%" class="blockimg" />
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                    <img src="images/hotpro2img1.jpg" width="100%" class="blockimg" />
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="hotprotit"><b>背带裙</b><br/>万能百搭单品</div>
                    <img src="images/hotpro2img1.jpg" width="100%" class="blockimg" />
                </a>
            </li>
        </ul>
    </div>

<!--电话弹窗-->
<div class="alertdiv" id="telalert">
	<div class="alertmain">
    	<div class="alerttxt"><p>客服联系电话：<a href="tel:010-15484574" class="fontcolor">010-15484574</a></p></div>
        <div class="alertbtn fontcolor" id="telyes"><a>取消</a><a>确定</a></div>
    </div>
</div>
    

<!--回到顶部-->
<div class="backtopbg top"></div>
<div class="empty45"></div>
<!-----底部导航----->
<div class="tagcolumn">
    <ul>
        <li class="cli"><a href="#"><i class="tagico1"></i><p>首页</p></a></li>
        <li><a href="type"><i class="tagico2"></i><p>分类</p></a></li>
        <li><a href="supplies"><i class="tagico3"></i><p>供货商</p></a></li>
        <li><a href="car"><i class="tagico4"></i><p>购物车</p></a></li>
        <li><a href="user"><i class="tagico5"></i><p>我的</p></a></li>
    </ul>
</div>

</body>
<script type="text/javascript">
$(function(){
	//电话弹窗
	$(".yuyin").click(function(){
		$("#telalert").show();
	});
	$("#telyes a").click(function(){
		$("#telalert").hide();
	});
	
	//商场新闻轮播
	var scrul = $(".gonggao_cont .gonggao_ul");
	function gg(){
        scrul.stop(true,true).animate({
			marginTop:"-36px"
        },500,function(){
			scrul.css({marginTop:"0px"}).find("li:first").appendTo(scrul);
        });
	}
	setInterval(gg,3000);
	//折扣滚动
	var le=$(".over_box ul").children("li").length
	var liW=$(".over_box ul").children("li").width()
	var ulW=le*(liW+5)-5
	$(".over_box ul li:last").css("margin-right","0")
	$(".over_box ul").width(ulW)
	//其他产品滚动
	$(".overMer_box ul").each(function(index, element) {
        var leng=$(".overMer_box ul").eq(index).children("li").length
		var liWid=$(".overMer_box ul").children("li").width()
		var ulWid=leng*(liWid+5)-5
		$(this).width(ulWid)
//		$(this).find("li:last").css("margin-right","0")
    });
	//回到顶部
	$(window).scroll(function(e) {
		var dis1=$(window).scrollTop();
		var dis2=$(window).height();
		if(dis1>dis2){
    		$('.top').fadeIn(500);
		}else{
    		$('.top').fadeOut(500);
		}
    });
	$('.top').click(function(e) {
        $('html,body').animate({scrollTop:0},300);
    });
	//特色样式
	$(window).load(function(){
		var tese_li_1=$(".hotpro3ul.tesePro li:eq(0)").height();
		$(".hotpro3ul.tesePro li:eq(1),.hotpro3ul.tesePro li:eq(2)").height(tese_li_1/2)
	})
	
	
})
</script>
</html>